// 登录页面样式演示脚本
// 在浏览器控制台中运行这些函数来测试不同样式

// 模拟A样式（蓝紫色主题）
function showStyleA() {
    console.log('🎨 切换到A样式（蓝紫色主题）');
    console.log('当前域名:', window.location.hostname);
    
    // 模拟域名包含'a'的情况
    const originalHostname = window.location.hostname;
    Object.defineProperty(window.location, 'hostname', {
        get: function() { return 'example-a.com'; },
        configurable: true
    });
    
    // 触发重新渲染
    if (window.location.reload) {
        window.location.reload();
    }
    
    // 恢复原始hostname（可选）
    setTimeout(() => {
        Object.defineProperty(window.location, 'hostname', {
            get: function() { return originalHostname; },
            configurable: true
        });
    }, 1000);
}

// 模拟B样式（粉红色主题）
function showStyleB() {
    console.log('🎨 切换到B样式（粉红色主题）');
    console.log('当前域名:', window.location.hostname);
    
    // 模拟其他域名的情况
    const originalHostname = window.location.hostname;
    Object.defineProperty(window.location, 'hostname', {
        get: function() { return 'example-b.com'; },
        configurable: true
    });
    
    // 触发重新渲染
    if (window.location.reload) {
        window.location.reload();
    }
    
    // 恢复原始hostname（可选）
    setTimeout(() => {
        Object.defineProperty(window.location, 'hostname', {
            get: function() { return originalHostname; },
            configurable: true
        });
    }, 1000);
}

// 显示当前样式信息
function showCurrentStyle() {
    const hostname = window.location.hostname;
    const isStyleA = hostname.includes('a') || 
                     hostname.includes('localhost') || 
                     hostname.includes('127.0.0.1');
    
    console.log('📊 当前样式信息:');
    console.log('域名:', hostname);
    console.log('样式:', isStyleA ? 'A样式（蓝紫色）' : 'B样式（粉红色）');
    console.log('触发条件:', isStyleA ? '域名包含"a"、localhost或127.0.0.1' : '其他域名');
}

// 显示所有可用命令
function showHelp() {
    console.log('🎯 Vue登录页面样式测试工具');
    console.log('');
    console.log('可用命令:');
    console.log('showStyleA()     - 切换到A样式（蓝紫色）');
    console.log('showStyleB()     - 切换到B样式（粉红色）');
    console.log('showCurrentStyle() - 显示当前样式信息');
    console.log('showHelp()       - 显示此帮助信息');
    console.log('');
    console.log('💡 提示：在浏览器控制台中运行这些命令');
}

// 自动显示帮助信息
showHelp(); 